import React, { Component, createRef } from "react";

// 非受控组件就是通过ref的方式获取到dom节点
// 非受控组件的默认值需要用defaultValue

class App extends Component {
  // createRef()返回的是一个空的地址引用
  ipt = createRef();

  handleClick = () => {
    // console.log(this.ipt.current);
    console.log(this.ipt.current.value);
  };

  render() {
    return (
      <>
        <h2>form表单非受控组件</h2>
        <input type="text" ref={this.ipt} defaultValue="1111" />
        <button onClick={this.handleClick}>btn</button>
      </>
    );
  }
}

export default App;
